<template>
  <view>
    <view class="container">
<!--      <view class="success-icon">
        <i-icon icon="iconxiaolian" type="multiple" size="167rpx"></i-icon>
      </view> -->
     <view class="main-title">请完成身份认证</view>
      <view class="small-title">7迈车商户端，实行严格准入规则</view>
      <view class="id-card">
        <view class="line">
          <view class="img" @click="uploadImage(1)" :style="img1>0 && img1 !==null ?'border:2rpx solid #EB5C02':''">
            <image
              v-if="!faceimg"
              src="../../static/img/user/id-zheng.png"
              mode="widthFix"
            ></image>
            <image v-else :src="faceimg" mode="aspectFill"></image>
            <i-icon
              class="icon-sel"
              icon="iconpaishe_1"
              type="multiple"
              size="110rpx"
            ></i-icon>
          </view>
          <view class="name">身份证人像面</view>
					<view class="tipName" v-if="img1>0 && img1 !==null">
						*识别失败，请重新上传
					</view>
        </view>
        <view class="line">
          <view class="img" @click="uploadImage(2)" :style="img2>0 && img2 !==null ?'border:2rpx solid #EB5C02':''">
            <image
              v-if="!backimg"
              src="../../static/img/user/id-fan.png"
              mode="widthFix"
            ></image>
            <image v-else :src="backimg" mode="aspectFill"></image>
            <i-icon
              class="icon-sel"
              icon="iconpaishe_1"
              type="multiple"
              size="110rpx"
            ></i-icon>
          </view>
          <view class="name">身份证国徽面</view>
					<view class="tipName" v-if="img2>0 && img1 !==null">
						*识别失败，请重新上传
					</view>
        </view>
      </view>
      <view class="footer">
        <view class="tips">
          <view class="line">我们将严格保密您提交的信息</view>
          <view class="line"
            >如有问题请联系客服：
            <text class="orange" @click="callPhone()">{{ servicePhone }}</text>
          </view>
        </view>
        <view class="sub-btn">
          <button
            :class="issub ? 'btn-commit' : 'btn-dis'"
            @click="$u.throttle(userIdentity, 3000)"
          >
            提交
          </button>
        </view>
      </view>
      <!-- 弹窗 -->
      <uni-popup ref="popup" type="center" :mask-close-able='false'>
        <view class="popup-content">
          <view class="popup-main">
            <view class="icon">
              <i-icon
                icon="icontijiaochenggong"
                type="single"
                size="128rpx"
                color="#4cd964"
              ></i-icon>
            </view>
            <view class="main-title" style="width: 100%;text-align: center;margin: 0px;">提交成功，等待管理员审核</view>
            <view class="con">
              预计1个工作日内审核完毕，审核 结果会短信通知到您手机上，请
              稍后查看.
            </view>
            <view>
              <button class="btn-popup" @click="closePopup">我知道了</button>
            </view>
          </view>
        </view>
      </uni-popup>
    </view>
  </view>
</template>

<script src="./authenticationPersonal.js"></script>
<style lang="scss">
@import './authenticationPersonal.scss';
</style>
